<ion-view title="班级信息">
    <ion-content class="detail-page" ng-show="vm.classInfo != null">
        <div style="width: 100%;height: 300px;">
            <ion-slide-box on-slide-changed="slideChanged(index)" auto-play="true" slide-interval="3000" delegate-handle="slideimgs" does-continue="true">
                <ion-slide>
                    <div class="bg-one"></div>
                </ion-slide>
                <ion-slide>
                    <div class="bg-two"></div>
                </ion-slide>
                <ion-slide>
                    <div class="bg-three"></div>
                </ion-slide>
            </ion-slide-box>
        </div>
        <div>
            <table>
                <tbody>
                    <tr style="box-shadow: none;">
                        <td data-title="基本信息:" style="border: 0px;">&nbsp;</td>
                        <td data-title="班级名称:">&nbsp;{{vm.classInfo.className}}</td>
                        <td data-title="班主任名称:">&nbsp;{{vm.loginAccount.memberName}}</td>
                        <td data-title="班级人数:">&nbsp;{{vm.classInfo.classNumber}}</td>
                    </tr>
                    <tr style="box-shadow: none;">
                        <td data-title="班级简介:" style="border: 0px;">&nbsp;</td>
                        <td data-content>{{vm.classInfo.classInfomation}}</td>
                    </tr>
                    <tr style="box-shadow: none;">
                        <td data-title="班级成员:" style="border: 0px;">共{{vm.classInfo.classNumber}}人</td>
                        <td data-content style="padding: 0px;">
                            <div class="row row-wrap">
                                <div class="col col-50" ng-repeat="item in vm.items track by $index"  ui-sref="classMenu.studentIndex({studentId:item.id})">
                                    <div class="card card-facebook margin-0">
                                        <div class="item item-avatar-center">
                                            <img ng-src="{{item.avatarPath}}">
                                            <h2 class="ng-binding">{{item.memberName}}</h2>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="load-more-btn" style="text-align: center;" ng-click="loadMoreEntrust()">
                                <p>{{vm.loadMoreBtnStr}}</p>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </ion-content>
</ion-view>